<template>
  <div>
    <el-menu
        default-active="1"
        class="el-menu-vertical-demo"
        router
      >
        <el-sub-menu index="1" v-if="userInfo.role">
          <template #title>
            <el-icon><location /></el-icon>
            <span>商家管理</span>
          </template>
          
          <el-menu-item index="/business">商家列表</el-menu-item>
          <el-menu-item index="/shopStatus">商家审核</el-menu-item>
          <el-menu-item index="/category">店铺分类</el-menu-item>
        </el-sub-menu>

        <el-sub-menu index="2" v-if="!userInfo.role">
          <template #title>
            <el-icon><location /></el-icon>
            <span>店铺管理</span>
          </template>
          
          <el-menu-item index="/shopList">店铺列表</el-menu-item>
          <el-menu-item index="/shopAdd">店铺添加</el-menu-item>
          <el-menu-item index="/foodCategory">菜品分类</el-menu-item>
          <!-- <el-menu-item index="/food" disabled>菜品列表</el-menu-item> -->
        </el-sub-menu>

        <el-menu-item index="/employee" v-if="userInfo.role">
          <el-icon><Avatar /></el-icon>
          <span>员工管理</span>
        </el-menu-item>
      </el-menu>
  </div>
</template>

<script>
  export default {
    data () {
      return {
        userInfo:{}
      }
    },
    created () {
      let info = sessionStorage.getItem("businessInfo");
      if(!info){
        this.$router.push("/login")
        return;
      }
      this.userInfo = JSON.parse(info);
    }
  }
</script>

<style scoped>

</style>